/**
 * @author truexin
 * @date   16/05/10
 */

import PullRefresh from '../components/mui/PullRefresh.js';

(function( lf, r){

    var RC = r.createClass,
        doAction = lf.bridgeJs.doAction;        
    
    var IndexBody = RC ({ 
        componentDidMount:function(){  
                
        },
        clickFn: function () {					
            doAction("yue-detail-edit.html","约-发布者详情");
        },
        tagFn: function () {
            doAction("yue-detail.html","约-发布者详情");
        },
        render: function () {
            return (
                <div className="yue-main-detail">
                    <section className="panel" >
                        <div className="panel-top">
                        <ul className="left">
                            <li onTouchEnd={this.tagFn}><img className="img-responsive" src="../public/images/yue/big1.png"/></li>
                            <li><span></span><span></span><span></span><span></span><span></span></li>
                            <li>Kemmt</li>
                            <li><i> 25</i> 处女座</li>
                        </ul>
                        <div className="right">
                            <h4 className="title">纯碎饿了 约个饭 泡个茶 看个电影,吃个夜宵</h4>
                            <ul>
                                <li>04/26&nbsp;&nbsp;&nbsp;&nbsp;20:00-21:00 <i>我请客</i></li>
                                <li>日本料理 甜点</li>
                                <li>不限男女</li>
                                <li>限5人</li>
                            </ul>
                        </div>                 
                        </div>  
                        <ul className="comment-num location">
                            <li></li>
                            <li>深圳市龙岗区龙岗中心城龙翔大道边珠江小区B栋1302房</li>                  
                        </ul>     
                         <div className="comment-num">
                            <p className="content">本周五晚上2男2女饭局，吃湘菜。有民间湘菜代表菜品有东安鸡，多出来的名额可以下次再约吃。</p>                    
                        </div>     
                        <ul className="comment-num">
                            <li>进行中...</li>
                            <li className="sign-blue">报名 06</li>
                            <li>评论 26</li>
                        </ul>                
                    </section>
                    <div className="userList">
                    <ul className="imgList">
                        <li><img className="img-responsive" src="../public/images/yue/u1.png"/></li>
                        <li>
                            <span>Ketmit</span><span className="right-date">2016/03/04</span>
                        </li>  
                        <li>外婆家的饭菜好吃</li> 
                    </ul>  
                    <ul className="imgList">
                        <li><img className="img-responsive" src="../public/images/yue/u2.png"/></li>
                        <li><span>众口味先生</span><span className="right-date">2016/03/04</span></li>  
                        <li>亲 您的菜式太多啦，饱的快溢出来</li> 
                    </ul>   
                    </div>
                    <ul className="btn-bottom">
                        <li><a href="#">评&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;论</a></li>
                        <li onTouchEnd={this.clickFn}><a href="#">立即赴约</a></li>
                    </ul>            
                </div>
            )
        }
    });
  
    r.render(
        <PullRefresh data={<IndexBody />}/>,
        document.getElementById('root'),function(){

        }
    )
    
})( liefeng, React)